﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:include="./common/head :: head"></head>
<body style="background-color: #ecf0f1;">
<style type="text/css">

</style>

<script type="text/javascript" th:inline="javascript">
    var contextPath = [[${session.ctx}]];
    var username = [[${session.user.name}]];
    var userId = [[${session.user.id}]];
    $(function () {
        common.render("#editCover", userId);

        $("#confirmBtn").click(function (e) {
            var cover = $("#editCover").val();
            window.open(contextPath+"/export?cover="+cover);
        });
    });

</script>
<div class="container-fluid">
    <header th:include="./common/header :: header"></header>
    <div class="row">
        <div th:include="./common/leftMenu :: leftMenu" class="col-md-3"></div>
        <div class="col-md-9">
            <div class="center-block">
                <div class="panel panel-primary ">
                    <div class="panel-heading">
                        <h3 class="panel-title"> <span class="glyphicon glyphicon-export">&nbsp;导出收藏夹</span></h3>
                    </div>
                    <div class="panel-body">
                        <!--margin-top: 100px;margin-bottom: 128px-->
                        <div class="row center-block" style="margin-top: 114px;margin-bottom: 114px;width: 50%;">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title"> <span class="glyphicon glyphicon-export">&nbsp;导出</span></h3>
                                </div>
                                <div class="panel-body">
                                    <form id="editForm">
                                        <div class="form-group">
                                            <label for="editCover">分类</label>
                                            <select class="form-control" id="editCover" name="cover"></select>
                                        </div>
                                        <div class="form-group">
                                            <button id="confirmBtn" type="submit" class="btn btn-success btn-block">确认</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>
</html>